草庐IT

ionic 模态窗口

全部标签

javascript - 基于所选链接的模态弹出窗口的动态内容

我有一组接受拒绝按钮。如果用户单击这些按钮,将显示单独的模型弹出窗口。接受和拒绝按钮链接具有单独的数据ID和数据操作。我的目标是编写单个javascript函数来加载模型弹出窗口的内容,而不是重复模态代码。再培训局代码"data-action='accept'class="btnbtn-smallbtn-primary">Accept"data-action='discuss'class="btnbtn-smallbtn-default">Discuss×针对每个项目都有一个接受/讨论按钮,data_id和数据操作是模型弹出的数据参数。脚本vardamage_items='

javascript - 等待窗口加载事件注册服务 worker

我在GoogleWorkboxdocumentation中偶然发现了这个片段://Checkthatserviceworkersareregisteredif('serviceWorker'innavigator){//Usethewindowloadeventtokeepthepageloadperformantwindow.addEventListener('load',()=>{navigator.serviceWorker.register('/sw.js');});}如果没有窗口load事件处理程序,页面加载究竟是如何变得性能下降的?ServiceWorker尽早连接通常不是

javascript - Ionic dom-to-image 插件在渲染时崩溃

我无法显示任何代码,因为问题不是给我错误、消息或任何东西。我有这样的情况:我的应用程序必须使用domToImage进行2次渲染.首先,我从Camera/Gallery(base64)获取图像然后将其添加到img.src以呈现简单的背景。我将这个bg放在一组Dom元素下,然后将它们一起渲染这个过程进行得很好,没有问题,没有错误,没有错误。直到突然间它开始使应用程序崩溃。我根本没有对我的代码进行任何更新,任何更改。它在工作,然后就没有了。我重新制作了流程并缩小到仅在渲染时。仍然崩溃。没有行动模式。它在bg渲染或设置渲染下崩溃,或者有时不崩溃。但它不会连续错过2个。如果第一个例程没有失败,第

javascript - Chrome 扩展持久弹出窗口最佳实践

我从文档中了解到,在失去焦点时关闭Chrome扩展程序弹出窗口是一种设计选择。我正在开发一个扩展程序,用户可以在其中选择保存网页中的元素。当他与主网页交互时,我希望弹出窗口得到更新,但这显然是不可能的。处理这种情况的正确方法是什么?(这是我的第一个chrome扩展) 最佳答案 你可以有一个contentscript检测“保存”Action。假设它是一个特定的DOM元素,您确定它会在特定的main中,或者您自己创建。content.js//contentscriptdocument.onreadystatechange=functio

javascript - 为什么顶级函数在 JavaScript 中被创建为窗口的方法?

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭9年前。Improvethisquestion当我们在Javascript中定义一个顶级命名函数时,它就成为了window对象的一个​​方法。做出此设计决定的原因是什么?

javascript - 打开时弹出窗口不显示

我使用IonicPopover设置了一个基本示例。但是,当我打开弹出窗口时,不透明度保持为零,从而无法显示弹出窗口。我知道openPopover方法被调用是因为我在我的Web控制台中收到了opened控制台日志。如果我从控制台中删除不透明度属性,则会显示弹出窗口。我的Controller..angular.module('search').controller('SearchResultsController',searchResultsController)searchResultsController.$inject=['$ionicPopover','$scope'];funct

javascript - 如何抑制窗口鼠标滚轮滚动...?

我正在开发一个嵌入页面的Canvas应用程序。我有它,因此您可以使用鼠标滚轮放大绘图,但不幸的是,这会滚动页面,因为它是文章的一部分。当我在dom元素上滚动鼠标时,是否可以阻止鼠标滚轮在窗口上滚动?! 最佳答案 为鼠标滚轮(非Gecko)/DOMMouseScroll(非IE)附加事件处理程序并阻止其默认操作(即滚动内容):if(element.addEventListener)element.addEventListener("DOMMouseScroll",function(event){event.preventDefault

javascript - 如何捕获请求错误,然后打开模态,然后在模态关闭时使用 RxJS 重试

我想调用一个可以使用Angular2的HTTP类返回授权失败(401)的服务器。请求的流程应该是这样的:用户使用myService.getSomething().subscribe()向服务器发出请求如果服务器返回401:打开一个模态窗口,询问用户的凭据。用户成功登录回应用模态框关闭并执行回调回调应该重试初始请求(myService.getSomething().subscribe())这是我目前拥有的:exportclassMyService{//...publicgetSomething():Observable{returnthis.http.get(url,options).c

javascript - Angular UI 模态、内联模板和 Controller

我想使用UI-modal创建一个非常简单的确认框,过去我已经成功地使用它来制作复杂的模态,从外部文件加载模板和Controller。虽然它非常简单,但我不想依赖外部模板和Controller文件,只是一个带有关闭按钮的简单框,它以某种方式连接到直接在模态实例上声明的Controller。这是我尝试失败的方法...varmodalInstance=$modal.open({template:"Messagegoeshere...Continue",controller:function(){$scope.cancel=function(){alert("Cancelled");};}})

javascript - 列出窗口对象的所有属性?

我希望(动态地)获取浏览器当前识别的HTML元素列表,例如HTMLPreElement、HTMLSpanElement等。这些对象是全局的,即console.log('HTMLPreElement'inwindow);//=>true所以我想我可以像这样使用getOwnPropertyNames:console.log(Object.getOwnPropertyNames(window));获取全局属性的完整列表(MDN声明这会返回可枚举和不可枚举的属性)。使用上面的方法,我得到了一个包含大约70个属性nanes的数组。但是,它不包括像HTMLPreElement这样的对象——只有HT